import React from "react";
import { Table, InputNumber } from "antd";
import style from "./style.module.css";

function goodsGuigeCom() {
  const onChange = (value) => {
    console.log("changed", value);
  };
  const columns = [
    {
      title: "售价",
      key: "1",
      render: (text) => (
        <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />
      ),
    },
    {
      title: "成本价",
      key: "2",
      render: () => (
        <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />
      ),
    },
    {
      title: "原价",
      key: "3",
      render: () => (
        <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />
      ),
    },
    {
      title: "库存",
      key: "4",
      render: () => (
        <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />
      ),
    },
  ];

  const data = [
    {
      key: "1",
      title: "John Brown",
      age: 32,
      address: "New York No. 1 Lake Park",
    },
  ];

  return (
    <div className={style.tbaleInfo}>
      <Table columns={columns} dataSource={data} pagination={false} />
    </div>
  );
}

export default goodsGuigeCom;
